/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ============================================================================================== */
/* =============================================================================== GLOBAL STYLING */
/* ============================================================================================== */




/* =========================================================================== */
/* ======================================================== LENIS SCROLL SETUP */
/* =========================================================================== */

html {
  scroll-behavior: initial;
}
html,
body {
  width: 100%;
  min-height: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

body.cant-scroll {
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}

/* =========================================================================== */
/* ==================================================== ROOT VARS & COMPONENTS */
/* =========================================================================== */

:root {

  --color-anassa-primary-1: #00377C;
  --color-anassa-primary-2: #0A2343;

  --color-anassa-accent-1: #E0405C;
  --color-anassa-accent-2: #EE416F;

  --color-anassa-offwhite-1: #CEE2EF;
  --color-anassa-offwhite-2: #D9E6F6;
  --color-anassa-offwhite-3: rgba(115, 170, 238, 0.2);
  --color-anassa-offwhite-4: #E3EAF1;
  --color-anassa-offwhite-5: #EDF3F9;
  --color-anassa-offwhite-6: #F2F4F6;
  --color-anassa-offwhite-7: #E3EEFC;
  --color-anassa-white: #fff;

  --font-anassa: 'Aeonik', 'Helvetica', 'Arial', sans-serif;
  --font-label:  'Zona Pro',   'Helvetica', 'Arial', sans-serif;
  --font-frenzy: 'Metal Reg-2','Helvetica', 'Arial', sans-serif;

  --trans-time-fast: .225s;
  --trans-time-fast-2: .415s;
  --trans-time-mid:  .525s;
  --trans-time-mid-2:  .715s;
  --trans-time-slow: .975s;
  --trans-time-slow-2: 1.215s;
  --trans-bezier: cubic-bezier(0.75, 0.2, 0.35, 1);

  --wd-title-font: var(--font-anassa) !important;
  --wd-title-font-weight: 600 !important;
  --wd-title-color: var(--color-anassa-primary-1) !important;
  --wd-link-color: var(--color-anassa-primary-1) !important;
  --wd-link-color-hover: var(--color-anassa-primary-2) !important;

  --wd-text-font: var(--font-anassa) !important;
  --wd-text-font-weight: 400 !important;
  --wd-text-color: var(--color-anassa-primary-1) !important;
  --wd-primary-color: var(--color-anassa-primary-1) !important;
  --wd-header-el-color: var(--color-anassa-primary-2) !important;
  --wd-text-font-size: 2.125em !important;
}

html { font-size: calc(100vw / 1880 * 10) !important }
@media (max-width: 1280px) { html { font-size: calc(100vw / 1280 * 10) !important } }
@media (max-width: 1024px) { html { font-size: calc(100vw / 1024 * 10) !important } }
@media (max-width: 767px)  { html { font-size: calc(100vw / 960  * 10) !important } }

/* =========================================================================== */
/* =============================================================== BODY LAYOUT */
/* =========================================================================== */

body .site-content {
  margin-bottom: 0 !important;
}

body .container {
  width: calc(100% - 5rem);
  margin-left: auto;
  margin-right: auto;
  max-width: 1820px;
}

body .entry-content .wpb-content-wrapper > section:not(.no-padding,.exception) {
  padding-top: 13.333rem !important;
  padding-bottom: 7.625rem;
}

body .vc_hidden {
  opacity: 1 !important;
}

body .main-page-wrapper {
  padding-top: 0;
  min-height: 100vh;
}

@media (max-width: 1280px) { body .container { width: calc(100% - 2rem); max-width: calc(100% - 2rem); } }
@media (max-width: 1024px) { body .container { width: calc(100% - 1rem); max-width: calc(100% - 1rem); } }
@media (max-width: 767px)  { body .container { width: 100%;              max-width: 100%;              } }

body .fs-anassa--menu > .container,
body .whb-clone .whb-row > .container,
body header .whb-main-header .whb-row > .container,
body section .vc_column_container > .vc_column-inner,
body .page-title .container {
  padding-left: 8.275rem;
  padding-right: 8.275rem;
  max-width: 1820px;
  margin: 0 auto;
}

@media (max-width: 1280px) {
  body .page-title .container {
    padding-left: 3.275rem;
    padding-right: 3.275rem;
  }
}

@media (max-width: 767px) {
  body .page-title .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}


body section .vc_column_container > .vc_column-inner .vc_column-inner {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 1280px)  {
  body .fs-anassa--menu > .container,
  body .whb-clone .whb-row > .container,
  body header .whb-main-header .whb-row > .container,
  body section .vc_column_container > .vc_column-inner,
  body.single.single-post-large-image .page-title .container {
    padding-left: 3.275rem;
    padding-right: 3.275rem;
  }
}

@media (max-width: 767px)  {
  body .vc_column_container > .vc_column-inner {
    padding-left: 30px;
    padding-right: 30px;
  }
  body .whb-clone .whb-row > .container,
  body header .whb-main-header .whb-row > .container,
  body section .vc_column_container > .vc_column-inner .vc_column-inner,
  body.single.single-post-large-image .page-title .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  body .entry-content .wpb-content-wrapper > section:not(.no-padding,.exception) {
    padding-top: 7.333rem !important;
    padding-bottom: 7.333rem !important;
  }
}

body .scrollToTop {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 4px 60px 2px rgb(0 42 95 / 15%);
  padding: 22px 0;
  width: 70px;
  height: 70px;
  cursor: pointer;
  transition: 
    background var(--trans-time-mid) var(--trans-bezier), 
    box-shadow var(--trans-time-slow) var(--trans-bezier), 
    transform var(--trans-time-fast-2) var(--trans-bezier);
  border-radius: 0;
}

.scrollToTop::after {
  content: "";
  display: inline-block;
  background: var(--color-anassa-primary-1);
  width: 24px;
  height: 25px;
  margin-left: 1px;
  mask: url(/wp-content/uploads/2022/11/icon-ArrowRight.svg);
  -webkit-mask: url(/wp-content/uploads/2022/11/icon-ArrowRight.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  transform: rotate(-90deg);
}

@media (max-width: 768px) {
  body .scrollToTop {
    padding: 13px 0;
    width: 52px;
    height: 52px;
  }
}

body .blend-mode-luminosity {
  mix-blend-mode: luminosity;
}

/* =========================================================================== */
/* ============================================= BLOG PAGES LAYOUT CORRECTIONS */
/* =========================================================================== */

body.date .main-page-wrapper > .container,
body.archive .main-page-wrapper > .container,
body.single-post .main-page-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}

body.date .container > .content-layout-wrapper,
body.archive .container > .content-layout-wrapper,
body.single-post .container > .content-layout-wrapper {
  padding-left: 8.275rem;
  padding-right: 8.275rem;
}

/* =========================================================================== */
/* ======================================================== PAGE TITLE STYLING */
/* =========================================================================== */

body .main-page-wrapper .page-title {
  margin-bottom: 0 !important;
  background: var(--color-anassa-primary-2);
  background-position: center top !important;
  background-image: none;
  background-size: cover !important;
}

body .post-title-large-image.color-scheme-light::after {
  background: transparent !important;
}

body .main-page-wrapper .page-title h1.title {
  font-family: var(--font-anassa);
  font-weight: 400;
  font-size: 6.666rem;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--color-anassa-offwhite-2);
}

body .main-page-wrapper .page-title .breadcrumbs {
  margin-left: 2px;
}

body :is(.breadcrumbs,.yoast-breadcrumb) :is(a,span) {
  font-family: var(--font-anassa);
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.025em;
  text-transform: none;
  color: var(--color-anassa-offwhite-2);
}

body :is(.breadcrumbs,.yoast-breadcrumb) a:hover {
  color: var(--color-anassa-offwhite-6);
}

body .wd-post-cat.wd-style-with-bg {
  padding-left: 2px;
  background-color: transparent;
  color: transparent;
}

body .page-title .meta-post-categories > a {
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.1;
  letter-spacing: 0.015em;
  background-color: var(--color-anassa-accent-1);
  color: var(--color-anassa-offwhite-6);
  border-radius: 50px;
  padding: 3px 7px 2px;
  transition: background-color var(--trans-time-mid) var(--trans-bezier), color var(--trans-time-mid) var(--trans-bezier);
  text-transform: none;
  pointer-events: none;
}

body .page-title .meta-post-categories:hover > a {
  background-color: var(--color-anassa-accent-2);
  color: #FFF;
}

body .page-title .entry-meta-list > :not(.meta-date) {
  display: none;
}

body .page-title .entry-meta-list > .meta-date {
  font-weight: 400;
  font-size: 17px;
  line-height: 1.25;
  color: var(--color-anassa-offwhite-2);
}

/* =========================================================================== */
/* ===================================================== TEXT SELECTION COLORS */
/* =========================================================================== */

::selection {
  color: var(--color-anassa-offwhite-6);
  background-color: var(--color-anassa-primary-1);
}

/* ============================================================================================== */
/* ============================================================================ TYPOGRAPHY STYLES */
/* ============================================================================================== */

/* =========================================================================== */
/* ====================================================== MAIN TEXT COMPONENTS */
/* =========================================================================== */

body .main-text h1,
body .main-text h2,
body .main-text h3,
body .main-text h4,
body .main-text h5,
body .main-text h6,
body .main-text p,
body .main-text a {
  font-family: var(--font-anassa);
  font-style: normal;
}

body .main-text .frenzy {
  font-family: var(--font-frenzy);
  font-style: normal;
  text-transform: uppercase;
}

body .main-text h1 {
  font-weight: 400;
  font-size: 10.025rem;
  line-height: 1;
  letter-spacing: -0.01em;
}

body .main-text h2 {
  font-weight: 400;
  font-size: 7.125rem;
  line-height: 1;
  letter-spacing: -0.015em;
}

body .main-text h3 {
  font-weight: 400;
  font-size: 4.825rem;
  line-height: 1.1;
  letter-spacing: -0.01em;
}

@media (max-width: 970px)  {
  body .main-text h3 { font-size: 4.025rem }
}

body .main-text h4 {
  font-weight: 400;
  font-size: 3.275rem;
  line-height: 1.1;
  letter-spacing: 0.01em;
}

@media screen and (min-width: 2048px) and (max-width: 3840px) {
  body .main-text h1 { font-size: 90px }
  body .main-text h2 { font-size: 74px }
  body .main-text h3 { font-size: 43px }
  body .main-text h4 { font-size: 38px }
}

@media (max-width: 1024px) {
  body .main-text h1 {
    font-size: 63px;
  }
  body .main-text h2 {
    font-size: 60px;
  }
  body .font-size h3 {
    font-size: 50px;
  }
}

@media (max-width: 525px)  {
  body .main-text h1 { font-size: 12.125rem }
  body .main-text h2 { font-size: 11.375rem }
  body .main-text h3 { font-size:  7.425rem }
  body .main-text h4 { font-size:  6.275rem }
}

body .main-text p.p-lg {
  font-weight: 500;
  font-size: 2.295rem;
  line-height: 1.25;
  letter-spacing: 0.025em;
}

body .main-text p.p-md,
body .main-text p.p-md ol li,
body .main-text ol.p-md li,
body .main-text p.p-md ul li,
body .main-text ul.p-md li,
body .main-text .p-md li {
  font-weight: 400;
  font-size: 1.975rem;
  line-height: 1.4;
  letter-spacing: 0.025em;
}

body .main-text p.p-sm {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.025em;
}

@media (max-width: 767px)  {
  body .main-text p.p-lg { font-size: 20px }
  body .main-text p.p-md,
  body .main-text p.p-md ol li,
  body .main-text ol.p-md li,
  body .main-text p.p-md ul li,
  body .main-text ul.p-md li,
  body .main-text .p-md li { font-size: 17px }
}

body .main-text small {
  display: block;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0.025em;
}

body .main-text label {
  font-family: var(--font-label);
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

body .main-text label.l-lg {
  font-weight: 400;
  font-size: 13px;
}

body .main-text label,
body .main-text label.l-md {
  font-weight: 600;
  font-size: 12px;
}

body .main-text label.l-sm {
  font-weight: 600;
  font-size: 15px;
}

/* =========================================================================== */
/* =============================================== HOVER LINK UNDERLINE EFFECT */
/* =========================================================================== */

body .fx-underline {
  position: relative;
  white-space: nowrap;
}

body .fx-underline::before,
body .fx-underline::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--color-anassa-primary-1);
  top: 100%;
  left: 0;
  pointer-events: none;
}

body .fx-underline::before,
body .fx-underline::after {
  content: '';
}

body .fx-underline::after {
  background: var(--color-anassa-primary-1);
  transform-origin: 100% 50%;
  transition: transform var(--trans-time-fast) var(--trans-bezier);
}

body .fx-underline::before {
  transform-origin: 0% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform var(--trans-time-fast) var(--trans-bezier) var(--trans-time-fast-2);
}

body .fx-underline:hover::before {
  transform-origin: 100% 50%;
  transform: scale3d(1, 1, 1);
}

body .fx-underline:hover::after {
  transform-origin: 0% 50%;
  transform: scale3d(0, 1, 1);
}

/* =========================================================================== */
/* =============================================== MAIN CTAs & LINK COMPONENTS */
/* =========================================================================== */

body .main-cta a.cta {
  font-family: var(--font-anassa);
  font-style: normal;
}

body .main-cta a.cta,
body .main-cta a.cta::before,
body .main-cta a.cta::after {
  opacity: 1;
  transition: margin var(--trans-time-fast-2) var(--trans-bezier), opacity var(--trans-time-fast-2) var(--trans-bezier);
}

body .main-cta a.cta-lg {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.4;
  letter-spacing: 0.025em;
}

body .main-cta a.cta-md {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.025em;
}

body .main-cta a.cta--has-arrow::after {
  content: "";
  display: inline-block;
  background: var(--color-anassa-primary-1);
  width: 24px;
  height: 24px;
  mask: url(/wp-content/uploads/2022/11/icon-ArrowRight.svg);
  -webkit-mask: url(/wp-content/uploads/2022/11/icon-ArrowRight.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}

body .main-cta a.cta-md.cta--has-arrow::after { margin: -7px   10px; }
body .main-cta a.cta-lg.cta--has-arrow::after { margin: -5.5px 15px; }

body .main-cta a.cta-md.cta--has-arrow:hover::after { margin-left: 15px; }
body .main-cta a.cta-lg.cta--has-arrow:hover::after { margin-left: 25px; }

body .main-cta a.cta:hover,
body .main-cta a.cta--has-arrow::after:hover {
  opacity: .875;
}

body .main-cta a.btn-outline {
  border: 2px solid var(--color-anassa-primary-1);
  color: var(--color-anassa-primary-1);
  transition: background var(--trans-time-fast) var(--trans-bezier), color var(--trans-time-fast) var(--trans-bezier);
  background: transparent;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.025em;
  border-radius: 50px;
  padding: 6px 16px;
}

body .main-cta a.btn-outline:hover {
  color: #FFF;
  background: var(--color-anassa-primary-1);
}

/* ============================================================================================== */
/* ========================================================================================= MISC */
/* ============================================================================================== */

/* =========================================================================== */
/* ============================================================= ACCESSIBILITY */
/* =========================================================================== */

body #pojo-a11y-toolbar {
  margin-top: 70px;
}

/* =========================================================================== */
/* ============================================================== VIDEO PLAYER */
/* =========================================================================== */

body .video-holder {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 1200px;
  width: 100%;
  padding: 0 30px;
}

body .video-holder svg {
  max-width: 20px;
  cursor: pointer;
  display: block;
  margin: 0 auto 20px auto;
  transition: transform var(--trans-time-fast-2) var(--trans-bezier);
}

body .video-holder svg path {
  fill: var(--color-anassa-primary-1);
}

body .video-holder svg:hover {
  transform: rotate(180deg);
}

body .video-holder video {
  width: 100%;
  display: block;
}

/* =========================================================================== */
/* ======================================================= MOUSE CURSOR CIRCLE */
/* =========================================================================== */

body #cursor {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  pointer-events: none;
  will-change: transform;
  transition: opacity var(--trans-time-fast-2) var(--trans-bezier);
}

@media (hover: hover) and (pointer: fine) {
  body .cursor__circle {
    width: 120px;
    height: 120px;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 50%;
    border: solid 2px var(--color-anassa-primary-1);
    transition: opacity var(--trans-time-fast-2) var(--trans-bezier),
      background-color var(--trans-time-fast-2) var(--trans-bezier),
      border-color var(--trans-time-fast-2) var(--trans-bezier),
      width var(--trans-time-fast-2) var(--trans-bezier),
      height var(--trans-time-fast-2) var(--trans-bezier);
  }

  body #cursor::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -18px;
    width: 40px;
    height: 20px;
    display: inline-block;
    background: url(/wp-content/uploads/2022/11/icon-ArrowsCursor.svg);
    background-size: cover;
  }

  body #cursor:not(.cursor--allowed) {
    opacity: 0;
  }

  body #cursor.cursor--allowed {
    opacity: 1;
  }

  body #cursor.overlay .cursor__circle{
    width: 120px;
    height: 120px;
    background-color: rgba(227, 222, 193, 0.08);
    border-color: transparent;
  }
}

/* =========================================================================== */
/* ========================================================== TOOLTIPS STYLING */
/* =========================================================================== */

body div[data-tippy-root] {
  z-index: 99999 !important;
}

body .tippy-box[data-theme~='anassa'] {
  z-index: 99999 !important;
  background-color: var(--color-anassa-primary-2);
  color: var(--color-anassa-offwhite-7);
  font-family: var(--font-anassa);
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.025em;
}
body .tippy-box[data-theme~='anassa'] > .tippy-arrow::before {
  transform: scale(.825);
}
body .tippy-box[data-theme~='anassa'][data-placement^='top'] >     .tippy-arrow::before { border-top-color: var(--color-anassa-primary-2) }
body .tippy-box[data-theme~='anassa'][data-placement^='bottom'] >  .tippy-arrow::before { border-bottom-color: var(--color-anassa-primary-2) }
body .tippy-box[data-theme~='anassa'][data-placement^='left'] >    .tippy-arrow::before { border-left-color: var(--color-anassa-primary-2) }
body .tippy-box[data-theme~='anassa'][data-placement^='right'] >   .tippy-arrow::before { border-right-color: var(--color-anassa-primary-2) }

/* =========================================================================== */
/* ======================================================= c-SCROLLBAR STYLING */
/* =========================================================================== */

body .scrollbar-track {
  background: transparent;
}

body .scrollbar-thumb {
  width: 4px;
  margin-right: 3px;
  background: rgba(217, 230, 246, 0.55);
}

/* =========================================================================== */
/* ======================================================= CAROUSEL BLOG POSTS */
/* =========================================================================== */

body section .blog-post-loop .post-image-mask,
body section .blog-post-loop .meta-categories-wrapp,
body section .blog-post-loop .wd-entry-meta,
body section .blog-design-masonry.has-post-thumbnail .post-date,
body section .blog-post-loop .hovered-social-icons {
  display: none;
}

body section .blog-post-loop .post-img-wrapp a::after {
  background-color: rgba(0, 55, 124, 0.195);
  opacity: 1;
}

body section .blog-post-loop:hover .post-img-wrapp a {
  transform: scale(1);
}

body section .blog-design-masonry.blog-style-shadow .article-inner {
  box-shadow: 0px 4px 20px 2px rgb(0 42 95 / 0%) !important;
  transition: box-shadow var(--trans-time-mid) var(--trans-bezier) !important;
}

body section .blog-design-masonry.blog-style-shadow:hover .article-inner {
  box-shadow: 0px 4px 20px 2px rgb(0 42 95 / 8%) !important;
}

body section .blog-post-loop .entry-thumbnail img {
  height: 246px;
  object-fit: cover;
}

body section .blog-post-loop .article-body-container {
  padding: 18px;
}

body section .blog-post-loop h3.post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--font-anassa);
  font-style: normal;
  font-weight: 400;
  text-align: start;
  line-height: 1.25;
  letter-spacing: 0.025em;
  color: var(--color-anassa-primary-1);
  height: calc( 2 * 1.25em );
}

body section .blog-post-loop a.wd-entities-title:hover,
body section .blog-post-loop .wd-entities-title a:hover {
  color: var(--color-anassa-primary-1);
}

body section .article--entry-extras {
  display: flex;
  justify-content: space-between;
  padding-top: 2.975rem;
}

body section .article--entry-extras label {
  font-family: var(--font-anassa);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .025em;
  color: black;
  margin-bottom: 0;
  
}

/* =========================================================================== */
/* ===================================================== CATEGORIES BLOG POSTS */
/* =========================================================================== */

body .wd-blog-holder[data-source='main_loop'] .blog-post-loop .post-image-mask,
body .wd-blog-holder[data-source='main_loop'] .blog-post-loop .meta-categories-wrapp,
body .wd-blog-holder[data-source='main_loop'] .blog-post-loop .wd-entry-meta,
body .wd-blog-holder[data-source='main_loop'] .has-post-thumbnail .post-date,
body .wd-blog-holder[data-source='main_loop'] .blog-post-loop .hovered-social-icons,
body .wd-blog-holder[data-source='main_loop'] .entry-content {
  display: none;
}

body .wd-blog-holder[data-source='main_loop'] .blog-post-loop .post-img-wrapp a::after {
  background-color: rgba(0, 55, 124, 0.195);
  opacity: 1;
}

body .wd-blog-holder[data-source='main_loop'] .blog-post-loop:hover .post-img-wrapp a {
  transform: scale(1);
}

body .wd-blog-holder[data-source='main_loop'] .blog-style-shadow .article-inner {
  box-shadow: 0px 4px 20px 2px rgb(0 42 95 / 0%) !important;
  transition: box-shadow var(--trans-time-mid) var(--trans-bezier) !important;
}

body .wd-blog-holder[data-source='main_loop'] .blog-style-shadow:hover .article-inner {
  box-shadow: 0px 4px 20px 2px rgb(0 42 95 / 8%) !important;
}

body .wd-blog-holder[data-source='main_loop'] .blog-post-loop .entry-thumbnail img {
  height: 246px;
  object-fit: cover;
}

body .wd-blog-holder[data-source='main_loop'] .blog-post-loop .article-body-container {
  padding: 18px;
}

body .wd-blog-holder[data-source='main_loop'] .blog-post-loop h3.post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--font-anassa);
  font-style: normal;
  font-weight: 400;
  text-align: start;
  line-height: 1.25;
  letter-spacing: 0.025em;
  color: var(--color-anassa-primary-1);
  height: calc( 2 * 1.25em );
}

body .wd-blog-holder[data-source='main_loop'] .blog-post-loop a.wd-entities-title:hover,
body .wd-blog-holder[data-source='main_loop'] .blog-post-loop .wd-entities-title a:hover {
  color: var(--color-anassa-primary-1);
}

body .wd-blog-holder[data-source='main_loop'] .article--entry-extras {
  display: flex;
  justify-content: space-between;
  padding-top: 2.975rem;
}

body .wd-blog-holder[data-source='main_loop'] .article--entry-extras label {
  font-family: var(--font-anassa);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .025em;
  color: var(--color-anassa-primary-1);
  margin-bottom: 0;
  opacity: .55;
}

/* =========================================================================== */
/* ================================================== DISABLE COMMENTS SECTION */
/* =========================================================================== */

body #comments,
body .comments-area,
body .recent-posts-comment {
  display: none !important;
}

/* =========================================================================== */
/* ===================================================== WAS THIS HELPFULL BOX */
/* =========================================================================== */

body #was-this-helpful {
  margin-top: 2.875em;
  background-color: var(--color-anassa-offwhite-5);
  transition:
    background-color var(--trans-time-mid) var(--trans-bezier),
    background var(--trans-time-mid) var(--trans-bezier),
    transform var(--trans-time-mid) var(--trans-bezier);
  cursor: pointer;
  padding: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 0;
}

body #wthf-yes-no span {
  color: var(--color-anassa-primary-1);
  box-shadow: 0px 3px 8px 1px rgb(0 42 95 / 4%);
  transition: box-shadow var(--trans-time-fast) var(--trans-bezier);
}

body #wthf-yes-no span:hover {
  box-shadow: 0px 4px 12px 1px rgb(0 42 95 / 15%);
}

@media (max-width: 1280px) {
  body #was-this-helpful {
    padding: 15px;
  }
  body #wthf-title {
    font-size: 20px;
    line-height: 1.15;
    text-align: start;
  }
  body #wthf-yes-no span {
    font-size: 16px;
  }
}

/*** SEARCH ***/

body.search-results .main-page-wrapper {
  background-color: #F2F4F6;
}

body.search-results .wd-entry-meta,
body.search-results .hovered-social-icons,
body.search-results .entry-summary,
body.search-results .blog-design-masonry.has-post-thumbnail .post-date,
body.search-results .post-image-mask {
  display: none;
}

body.search-results .blog-post-loop h3.post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--font-anassa);
  font-style: normal;
  font-weight: 400;
  text-align: start;
  line-height: 1.25;
  letter-spacing: 0.025em;
  color: var(--color-anassa-primary-1);
  height: calc( 2 * 1.25em );
}

body.search-results .blog-post-loop a.wd-entities-title:hover,
body.search-results .blog-post-loop .wd-entities-title a:hover {
  color: var(--color-anassa-primary-1);
}

body.search-results .article--entry-extras {
  display: flex;
  justify-content: space-between;
  padding-top: 2.975rem;
}

body.search-results .article--entry-extras label {
  font-family: var(--font-anassa);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .025em;
  color: var(--color-anassa-primary-1);
  margin-bottom: 0;
  opacity: .55;
}

body.search-results h3.post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--font-anassa);
  font-style: normal;
  font-weight: 400;
  text-align: start;
  line-height: 1.25;
  letter-spacing: 0.025em;
  color: var(--color-anassa-primary-1);
  height: calc( 2 * 1.25em );
}

body.search-results .blog-post-loop .entry-thumbnail img {
  height: 350px;
  object-fit: cover;
}

body.search-results .wd-blog-holder {
  max-width: 1660px;
  width: 100%;
  margin: 8rem auto 5rem auto;
}

body.search-results .post-img-wrapp a:after {
  background: rgb(10 35 67 / 50%);
}

body.search-results .wd-pagination.woodmart-pagination {
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  body.search-results .blog-post-loop .entry-thumbnail img {
    height: 200px;
  }
}

/* LIGHTBOX Z-INDEX FIX */

body .pswp {
  z-index: 99999 !important; 
}

body .pswp .pswp__bg {
  background: rgb(4 17 34 / 85%) !important;
}

body [class*="pswp__button--arrow--"]::before {
  background-color: none !important;
}